import {Component} from "react";
import {NavLink, Redirect, Route} from "react-router-dom";
import Home from "../Home";
import All from "../Allproduct";


// 个人信息管理、商品展示、关键词查询、支付管理、 商品管理、订单管理、商品分类管理
export default class Navigation extends Component{
    render(){
        return(
            <div className="navigation">
                <div className="navigation_flex">
                    <ul >
                        <label htmlFor="navlink">
                            <NavLink to="/home" className="navLink" activeClassName="highlight" id="navlink">
                                <span className="glyphicon glyphicon-user navigation_icon"></span>
                                <span className="navigation_text">首页</span>
                            </NavLink>
                        </label>
                        <label htmlFor="navlink">
                            <NavLink to="/product" className="navLink" activeClassName="highlight" id="navlink">
                                <span className="glyphicon glyphicon-lock navigation_icon"></span>
                                <span className="navigation_text">所有产品</span>
                            </NavLink>
                        </label>
                        <label htmlFor="navlink">
                            <NavLink to="/mediamanage" className="navLink" activeClassName="highlight" id="navlink">
                                <span className="glyphicon glyphicon-lock navigation_icon"></span>
                                <span className="navigation_text">媒资管理</span>
                            </NavLink>
                        </label>
                        <label htmlFor="navlink">
                            <NavLink to="/operation" className="navLink" activeClassName="highlight" id="navlink">
                                <span className="glyphicon glyphicon-stats navigation_icon"></span>
                                <span className="navigation_text">操作日志</span>
                            </NavLink>
                        </label>
                        {/*<label htmlFor="navlink">*/}
                        {/*    <NavLink to="/manage" className="navLink" activeClassName="highlight" id="navlink">*/}
                        {/*        <span className="glyphicon glyphicon-book navigation_icon"></span>*/}
                        {/*        <span className="navigation_text">用户管理</span>*/}
                        {/*    </NavLink>*/}
                        {/*</label>*/}
                        <label htmlFor="navlink">
                            <NavLink to="/shop" className="navLink" activeClassName="highlight" id="navlink">
                                <span className="glyphicon glyphicon-briefcase navigation_icon"></span>
                                <span className="navigation_text">店铺管理</span>
                            </NavLink>
                        </label>
                        <label htmlFor="navlink">
                            <NavLink to="/allorder" className="navLink" activeClassName="highlight" id="navlink">
                                <span className="glyphicon glyphicon-list-alt navigation_icon"></span>
                                <span className="navigation_text">全部订单</span>
                            </NavLink>
                        </label>
                        <label htmlFor="navlink">
                            <NavLink to="/manager" className="navLink" activeClassName="highlight" id="navlink">
                                <span className="glyphicon glyphicon-user navigation_icon" ></span>
                                <span className="navigation_text">管理员</span>
                            </NavLink>
                        </label>
                    </ul>
                </div>
            </div>
        )
    }
}